
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>

<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>高值点位新建</title>

    <script type="text/javascript" src="/js/jquery/jquery-1.9.1.js"></script>
    <script src="/lib/layer/layer.js?20201106"></script>
    <script src="/js/base/base.js"></script>
    <script src="/lib/laydate/laydate.js"></script>
    <script src="/lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="/css/street/street.css"/>
    <link rel="stylesheet" type="text/css" href="/css/base.css"/>
    <link rel="stylesheet" href="/css/officialDocument/officialDocument.css">
    <link rel="stylesheet" href="/lib/pagination/style/pagination.css">
    <style>
        .M-box3 a:hover {
            background: #2f80d1!important;
            margin: 0 3px!important;
            width: 29px!important;
            height: 29px!important;
            line-height: 29px!important;
            font-size: 12px!important;
        }
        .M-box .active, .M-box1 .active, .M-box2 .active, .M-box3 .active{
            background: #2f80d1!important;
            border: 1px solid #2b7fe0!important;
            margin: 0 3px!important;
            width: 29px!important;
            height: 29px!important;
            line-height: 29px!important;
            font-size: 12px!important;
        }
        .M-box a, .M-box1 a, .M-box2 a, .M-box3 a{
            margin: 0 3px!important;
            width: 29px!important;
            height: 29px!important;
            line-height: 29px!important;
            font-size: 12px!important;
        }
        .jump-ipt {
            margin: 0 3px;
            width: 28px;
            height: 26px;
            line-height: 26px;
            font-size: 12px;
        }
        .bordercolor b{
            margin-left: 10px;
        }
        .mainTitleUl .bordercolor span.classOne{
            width: 78px;
            background: #fff;
        }
        .classtwo{
            width:18px;
            height:18px;
            margin-left: 25px;
            margin-right: 10px;
            margin-top: 20px;
        }
        .tijiao {
            position: absolute;
            width: 142px;
            height: 38px;
            right: 0;
            margin: auto;
            left: -200px;
            background-color: #228CDC;
            text-align: center;
            font-size: 16px;
            line-height: 38px;
            color: #fff;
            border-radius: 5px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .fanhui {
            position: absolute;
            width: 142px;
            height: 38px;
            right: 0;
            margin: auto;
            left: 250px;
            background-color: #698CAC;
            text-align: center;
            font-size: 16px;
            line-height: 38px;
            color: #fff;
            border-radius: 5px;
            margin-top: 20px;
            margin-bottom: 20px;
        }
        .mainTitleUl .bordercolor span{
            font-size: 14px;
        }
        .mainTitleUl .bordercolor label input[type=text]{
            font-size: 14px;
        }
        .sss{
            margin-left: 60px;
        }
        .mainTitleUl .bordercolor label{
            width:25%;
        }
        .mainTitleUl .bordercolor span{
            width:25%;
        }
    </style>
    <link rel="stylesheet" href="/css/biaodan.css">
</head>
<body>


<div style="margin: 0 auto;margin-top: 46px;height: 60px;width: 97%;" class="clearfix">

    <div id="dbgz_page" class="M-box3 fr">

    </div>
</div>


<div class="mainBg" style="background: #fff; padding-top: 0px;">
    <form action="" id="datasave">
        <input type="file"  onchange="filesTwo(this)" multiple="multiple" name="file"
               style="display: none"/>
        <input type="hidden" name="userId">
        <input type="hidden" name="checkId">
        <div class="mainTitle" style="width: 60%;padding-bottom: 75px;">
            <ul class="mainTitleUl">
                <li style="    padding-top: 18px;text-align: center;height: 61px;border-bottom: 1px solid #ddd"><span class="spanSize">高值网格排查整治情况表</span> </li>
                <div class="sss">
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff;left: 3px;">高值网格名称<b style="color: red;vertical-align: middle;">*</b></span>
                    <label>
                        <input type="text" name="highgridName" placeholder="请填写高值网格名称" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 0px; margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff;left: -10px;">是否完成手机签到<b style="color: red;vertical-align: middle; margin-top: 8px;"></b></span>
                    <label >
                        <input type="text" name="phoneCheck" placeholder="请填写手机签到" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">居民散煤<b style="color: red;vertical-align: middle; margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="residentsCoal" placeholder="请填写居民散煤" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">道路扬尘<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="roadDust" placeholder="请填写道路扬尘" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">工地扬尘<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="constructionDust" placeholder="请填写工地扬尘" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">工业瘴气<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="industrialGas" placeholder="请填写工业瘴气" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">餐饮油烟<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="diningLampblack" placeholder="请填写餐饮油烟" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>

                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">着火点<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="ignition" placeholder="请填写着火点" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>

                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">散乱污<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="scatteredDirt" placeholder="散乱污" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>

                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff;left: -14px;">燃煤锅炉（小茶炉）<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="coalBolier" placeholder="请填写燃煤锅炉" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>

                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff;left: 0;">完成整治(个)<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="regulationFinished" placeholder="请填写完成整治" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff;left: -8px;">未完成整治(个)<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="regulationUnfinished" placeholder="请填写未完成整治" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">备注<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="remark" placeholder="请填写备注" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">填报日期<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" id="time" name="commitTime" placeholder="请填写填报日期" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">填报人<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="userName" placeholder="请填写填报人" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>
                <li class="bordercolor clearfix">
                    <span style="border-bottom: 1px solid #fff">联系方式<b style="color: red;vertical-align: middle;margin-top: 8px;"></b></span>
                    <label>
                        <input type="text" name="contact" placeholder="请填写联系方式" style="background: #fcfcfc;    width: 150%;
    float: none;
    margin-top: 8px;">
                    </label>
                    <label style="width: 50%;"></label>
                </li>

                <div class="tijiao" style="cursor: pointer"><a style="color: #fff" href="javascript:;">提交</a></div>
                <div class="fanhui"><a id="fanhu" style="color: #fff" href="/street/gaozhidw">返回</a></div>
                </div>
            </ul>
        </div>
    </form>

</div>


<script>
    $('#fanhu').click(function(){
        $(window.parent.document).find(".headli1_1").addClass("one")
        $(window.parent.document).find(".headli2_1").removeClass("one")
    })
    var time = {
        elem:'#time',
        format:'YYYY-MM-DD hh:mm:ss',
        min:laydate.now(),
        max:'2999-12-31 23:59:59',
        istime:true,//是否显示时分秒
        istoday:true,//是否显示【今天】的按钮
        isclear:true,//是否显示【清空】的按钮
        festival: true,//是否显示节日
        start: laydate.now(0,"YYYY-MM-DD hh:mm:ss"),  // 开始日期
        fixed: false,   // 是否固定在可视区域
        zIndex: 10000,  // css控制图层的遮罩效果（效果不明显）
        ready: function(dates){  // 选择好日期的回调
            console.log(dates)
        }
    }
    laydate(time);
    $('#time').val(laydate.now(0, 'YYYY-MM-DD hh:mm:ss'));

    $('.tijiao').on('click',function () {

        if($("input[name='commitTime']").val()==''){
            $.layerMsg({content:'请填写时间',icon:7});
            return ;
        }
        if($('input[name="highgridName"]').val()==""){
            $.layerMsg({content:'请填写高值网格名称',icon:7});
            return ;
        }

        var remindTime = $("input[name='commitTime']").val();
        var strs = remindTime.toString();
        strs = strs.replace("/-/g", "/");
        var oDate1 = new Date(strs);
        var str = '';
        var str1 = '';
        $("input[name='Fruit']:checked").each(function () {
            var id=$(this).attr('name');
            str += id+','
        })
        $("input[name='Fruit1']:checked").each(function () {
            var id1=$(this).attr('name');
            str1 += id1+','
        })

        $.ajax({
            url:'/highpoint/addHighPoint',
            type:'post',
            data:{
                highgridName:$("input[name='highgridName']").val(),
                phoneCheck:$("input[name='phoneCheck']").val(),
                residentsCoal:$("input[name='residentsCoal']").val(),
                roadDust:$("input[name='roadDust']").val(),
                constructionDust:$("input[name='constructionDust']").val(),
                industrialGas:$("input[name='industrialGas']").val(),
                diningLampblack:$("input[name='diningLampblack']").val(),
                coalBolier:$("input[name='coalBolier']").val(),
                regulationFinished:$("input[name='regulationFinished']").val(),
                regulationUnfinished:$("input[name='regulationUnfinished']").val(),
                userName:$("input[name='userName']").val(),
                remark:$("input[name='remark']").val(),
                commitTime:oDate1,
                contact:$("input[name='contact']").val(),
                scatteredDirt:$("input[name='scatteredDirt']").val(),
                ignition:$("input[name='ignition']").val()
            },
            dataType:'json',
            success:function(reg){
                if(reg.flag){
                    $.layerMsg({content:'新建成功',icon:1})
                    setTimeout("window.location.href='/street/gaozhidianwei'",2000);
                }else{
                    $.layerMsg({content:'新建失败',icon:1})
                }
                $(window.parent.document).find(".headli1_1").addClass("one")
                $(window.parent.document).find(".headli2_1").removeClass("one")
            }
        })

    })
</script>
</body>

</html>
